<template>
  <div class="buttonCard">
    <!-- <div class="padding"> -->
    <slot></slot>
    <!-- </div> -->
  </div>
</template>
<script>
export default {
  props: {
    showDisablePro: {
      type: Boolean,
      defautl: false,
    },
  },
  data() {
    return {
      showDisable: false,
    };
  },
  mounted() {
    this.showDisable = this.showDisablePro;
  },
  watch: {
    showDisablePro(newVal) {
      this.showDisable = newVal;
    },
  },
};
</script>
<style scoped>
.buttonCard {
  position: relative;
  width: 100%;
}
</style>
